import React from 'react'
import { Row, Col, Button, Card, Space } from 'antd'
import "./home.css"
import { useTheme } from '../../context/ThemeContext'

const Home = () => {
    const { currentTheme, changeTheme } = useTheme()

    return (
        <Row className="home">
            <Col span={24}>
                <Card>
                    <Space>
                        <Button type="primary" onClick={() => changeTheme('light')}>
                            亮色主题
                        </Button>
                        <Button type="primary" onClick={() => changeTheme('dark')}>
                            暗色主题
                        </Button>
                        <Button type="primary" onClick={() => changeTheme('custom')}>
                            自定义主题
                        </Button>
                        <Button type="primary" onClick={() => changeTheme('pink')}>
                            粉色主题
                        </Button>
                        <Button type="primary" onClick={() => changeTheme('green')}>
                            绿色主题
                        </Button>
                    </Space>
                </Card>
            </Col>
        </Row>
    )
}

export default Home;